<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <title>光谱分析</title>
    <%-- 全站样式 --%>
    <jsp:include page="/WEB-INF/jsps/template_style.jsp"></jsp:include>
    <link rel="stylesheet" type="text/css" href="assets/css/echarts.css">
</head>

<body class="page-body skin-navy">
<div class="page-container">
    <%--页脚 --%>
    <jsp:include page="/WEB-INF/jsps/sidebar.jsp"></jsp:include>
    <div class="main-content">
        <%--页脚 --%>
        <jsp:include page="/WEB-INF/jsps/navbar.jsp"></jsp:include>
        <div class="page-title">
            <div class="title-env">
                <h1 class="title">光谱分析</h1>
                <p class="description">
                    您可以在此页面上对选择的光谱进行操作、修改、分析。
                </p>
            </div>
        </div>

        <nav class="navbar navbar-default" role="navigation">
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <form class="nav navbar-nav form-inline" action="spectrumAnalysis.do" method="post" id="spectrumAnalysisFrom">
                    <div class="form-group">
                        <select class="form-control" id="spectrum" name="spectrum">
                            <option value="" selected="selected">选择光谱数据</option>
                            <option value="saab">Saab</option>
                            <option value="opel">Opel</option>
                            <option value="audi">Audi</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" id="connetcion" name="connetcion">
                            <option value="" selected="selected">选择算法组合线</option>
                            <option value="saab">Saab</option>
                            <option value="opel">Opel</option>
                            <option value="audi">Audi</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <button type="button" class="btn btn-info navbar-btn">检测图像</button>
                    </div>
                    <div class="form-group">
                        <a class="btn btn-info navbar-btn" id="queryReport" href="">查看报告</a>
                        <button type="button" class="btn btn-info navbar-btn" onclick="exportReport()">生成报告</button>
                    </div>
                </form>
                <p class="navbar-text pull-right">光谱数据分析步骤： 数据清洗 → 数据分析 → 生成报告</p>
            </div>
            <!-- /.navbar-collapse -->
        </nav>
        <!-- main -->
        <div class="row" id="main">
            <div class="col-md-12">
                <!-- Flat panel -->
                <div class="panel panel-flat">
                    <!-- Add class "collapsed" to minimize the panel -->
                    <div id="echarts" class="viewport " style="height: 500px"></div>
                </div>
                <img src="" alt="" id="imgSrc">
            </div>
        </div>


        <%--页脚 --%>
        <jsp:include page="/WEB-INF/jsps/footer.jsp"></jsp:include>
    </div>
</div>


<%-- 尾部内容 --%>
<jsp:include page="/WEB-INF/jsps/template_tail.jsp"/>

<!-- Imported styles on this page -->
<link rel="stylesheet" href="assets/js/dropzone/css/dropzone.css">

<link rel="stylesheet" href="assets/js/select2/select2.css">
<link rel="stylesheet" href="assets/js/select2/select2-bootstrap.css">
<!-- Imported scripts on this page -->
<script src="../assets/js/colorpicker/bootstrap-colorpicker.min.js"></script>
<script src="../assets/js/dropzone/dropzone.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<script src="../assets/js/selectboxit/jquery.selectBoxIt.min.js"></script>

<!--echarts_demo-->
<script src="assets/js/echarts.min.js "></script>
<script src="assets/js/echarts-demo.js "></script>
<%--<script src="assets/js/spectrumAnalysis.js" type="text/javascript"></script>--%>
</body>

</html>